<!DOCTYPE html>
<html xml:lang="zh" lang="zh">
	<head>
		<meta charset="utf-8">
		<title>鑫乐居-登录</title>
		<style>
			*{
				margin: 0;
				padding: 0;
				font-family: "微软雅黑";
			}
			#container{
				overflow:hidden;
				height: 100%;
				width: 100%;
				margin:0px auto;
			}
			#header{
				width: 100%;
				height:94px;
				background: #eee;
				border-bottom:3px solid #f08803;
			}
			.img1{
				margin:20px 13.4%;	
			}
			.call{
				float: right;
				margin-right:183px;
				line-height:100px;
			    font-size: 18px;
			    color: #ff8b02;
			    
			}
			.call .img2{
			position: relative;
			top:10px;
			right: 5px;	
			}
			#content{
				background:url(img/login_bg.jpg) no-repeat;
				height:570px;
				width:100%;
				font-size:20px;
			}
			#login{
				position:relative;
				top: 50px;
				width:400px;
				height:400px;
				left: 50%;
				border-radius: 5px;
				background: #efefef;
			}
			#form1{
				background:#efefef;
				height:200px;
			    padding:20px;
			    
			}
			#form1 #input{
				background:#efefef;
				height:48px;
				border:none;
				width:250px;
				margin-left:6px;
				padding-left:8px;
				font-size:18px;
			}
			#form1 #input:focus{
				margin-left: 8px;
				padding-left:8px;
			    font-size:18px;
				border:1px solid #337AB7;
				border-radius:3px;
			}
			.text{
				margin-left: -15px;
			    padding-top: 10px;
			    text-align: left;
			    font-size: 20px;
			    color: #000;
			}
			.input1{
				border:1px solid #cedce8;
				margin-top:13px;
				height:50px;
			}
			.input1 img{
				position: relative;
				top:10px;
			}
			.input2{
				border:1px solid #cedce8;
				margin-top:13px;
				height:48px;
			}
			.input3 input{
				margin-top:40px;
			}
			.input3 label{
				color: #666;
				font-size:18px;
				margin-left:5px;
				cursor: pointer;
				font-weight:400;
			}
			.input4 input{
				height:43px;
				border-radius:4px;
				color: #fff;
				border: none;
				font-size: 20px;
    			margin-top:20px;
    			width: 45%;
                background-color: #ec971f;
                border-color: #d58512;
			}
			.input4 a{
				margin-left:29px;
				width: 100px;
				border-radius:5px;
				color: #fff;
				font-size: 20px;
    			margin-top:20px;
                background-color: #ec971f;
                border-color: #d58512;
                text-decoration: none;
			}
			.img{
				position: relative;
				top:20px;
				left: -22px;
				padding-left:15px;
				width:385px;
				height: 80px;
				border-bottom-left-radius: 5px;
    			border-bottom-right-radius: 5px;
				background: #DDDDDD;
			}
		    .img .pic{
		    	position:relative;
		    	left: 100px;
				top:20px;
			}
			footer{
				background:#fff;
				width:1380px;
			    height:50px;
			    line-height:50px;
			    text-align: center;
			    font-size:14px;
			    color:#000; 
			    margin-left: -200%;
			    margin-top:265px; 
			    border-bottom:100px solid #efefef;
			}
		</style>
	</head>
	<body>
		<div id="container">
			<div id="header">
				<img src="img/logo.png" class="img1">
				<span class="call"><img src="img/img_tel.png" class="img2"/>4000-160-140</span>
			</div>
			
			<div id="content">
				<div id="login">
					<form action="login.php" method="post" id="form1">
						<div class="text">欢迎登录</div>
						<div class="input1"><img src="img/login_user_name.png"><input type="text" placeholder="用户名" id="input" name="username"/><div>
						<div class="input2"><img src="img/login_password"><input type="password" placeholder="密码" id="input" name="password"/><div>
						<div class="input3"><input type="checkbox" name="remember" /><label>记住密码</label></div>
						<div class="input4">
						    <input type="submit" value="登录" name="submit"/>
							<a href="login.html"><input type="submit" value="注册"></a>
						</div>
						<div class="img"><img src="img/login_logo.png"><img src="img/login_download_normal.png" class="pic"></div>
					</form>
				</div>
			</div>
			<footer>
				<p>
				Copyright  ©  2010-2015  All  Rights   Reserved.  京ICP备15041059号-1 京公网安备11010502027337 北京瑞卓喜创科技发展有限公司版权所有
				</p>
			</footer>
		</div>
		
	</body>
</html>
